<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <div  class="application application-offset">
        <div class="container-fluid container-application">
              <div class="main-content position-relative">
                <!-- Page content -->
                <div class="page-content">
                  <div class="min-vh-100 py-5 d-flex align-items-center">
                    <div class="w-100">
                      <div class="row justify-content-center">
                        <div class="col-sm-8 col-lg-4">
                          <div class="card shadow zindex-100 mb-0">
                            <div class="card-body px-md-5 py-5">
                              <div class="mb-5">
                                <h6 class="h3">xx教育-注册</h6>
                              </div>
                              <span class="clearfix"></span>
                              <form role="form" autocomplete="off">
                                <div class="form-group">
                                  <label class="form-control-label">账号</label>
                                  <div class="input-group input-group-merge">
                                    <div class="input-group-prepend">
                                      <span class="input-group-text"><i class="bi bi-person"></i></span>
                                    </div>
                                    <input name="username" type="text" class="form-control" id="input-email" placeholder="请输入账号" />
                                  </div>
                                </div>
                                <div class="form-group mb-4">
                                  <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                      <label class="form-control-label">密码</label>
                                    </div>
                                    <div class="mb-2">
                                      <a href="javascript:;" class="small text-muted text-underline--dashed border-primary">忘记密码</a>
                                    </div>
                                  </div>
                                  <div class="input-group input-group-merge">
                                    <div class="input-group-prepend">
                                      <span class="input-group-text"><i class="bi bi-key"></i></span>
                                    </div>
                                    <input name="password" type="password" class="form-control" id="input-password" placeholder="请输入密码" />
                                    <div class="input-group-append">
                                      <span class="input-group-text">
                                        <a href="javascript:;" data-toggle="password-text" data-target="#input-password">
                                          <i class="bi bi-eye-fill text-blue"></i>
                                        </a>
                                      </span>
                                    </div>
                                  </div>
                                </div>
                                <div class="mt-4">
                                  <button id="btn-register" type="button" class="btn btn-sm btn-info btn-icon btn-blue rounded-pill">
                                    <span class="btn-inner--text">注册</span>
                                    <span class="btn-inner--icon"><i class="bi bi-arrow-right"></i></span>
                                  </button>
                                </div>
                              </form>
                            </div>
                            <div class="card-footer px-md-5">
                              <small>已经注册？</small> 
                              <router-link to="/login" class="small font-weight-bold text-blue">去登录吧</router-link>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- toast -->
            <div class="position-fixed top-0 start-50 pt-4" style="z-index: 999; transform: translateX(-50%)">
              <div id="myToast" class="toast bg-rgba">
                <div class="toast-body">提示消息</div>
              </div>
            </div>
            </div>
            <script src="./js/bootstrap.min.js"></script>
            <script src="./js/axios.min.js"></script>
            <script src="./js/form-serialize.js"></script>
            <script src="./js/common.js"></script>

            <script>
           
            

            </script>
</body>
</html>